<template>
  <div class="chengjiao">
  	<mt-header title="创彩原创旗袍服饰旗舰店" :fixed="isFixed">
        <router-link to="PinPai" slot="left">
          <div class="iconfont">&#xe603;</div>
        </router-link>
        <router-link to="ShopCar" slot="right">
        <div class="shop-car iconfont">&#xe601;</div>
      </router-link>
      </mt-header>
        <div class="kong"></div>
        <div class="table">
          <a class="xq" href="#">详情</a>
          <a class="xq" href="#">评价</a>
          <router-link to="ChengJiao" slot="left">
          <a class="xq" href="#">成交</a>
           </router-link>
        </div>
    <div class="bargain-content">
      <div class="bargain-tit evaluate-tit">
        <div class="bargain-tit-h4 evaluate-tit-h4">
          <h4><i>成交记录</i></h4>
          <span></span>
        </div>
      </div>
      <table class="bargain-table">
        <tbody><tr>
          <td>买家</td>
          <td>款式/尺码</td>
          <td>数量</td>
          <td>成交日期</td>
        </tr>
        <tr>
          <td>
            <p>在雨里</p>
            <span></span>
          </td>
          <td>
            <p>颜色：米色</p>
            <p>尺码：S</p>
          </td>
          <td>
            <p>1</p>
          </td>
          <td>
            <p>2015-12-14</p>
            <p>11:54:00</p>
          </td>
        </tr>
        <tr>
          <td>
            <p>燕三公子</p>
            <span></span>
          </td>
          <td>
            <p>颜色：墨黑</p>
            <p>尺码：S</p>
          </td>
          <td>
            <p>1</p>
          </td>
          <td>
            <p>2015-12-14</p>
            <p>14:46:00</p>
          </td>
        </tr>
        <tr>
          <td>
            <p>水瓶座</p>
            <span></span>
          </td>
          <td>
            <p>颜色：米色</p>
            <p>尺码：S</p>
          </td>
          <td>
            <p>1</p>
          </td>
          <td>
            <p>2015-12-13</p>
            <p>08:23:00</p>
          </td>
        </tr>
        <tr>
          <td>
            <p>灿烂千阳</p>
            <span></span>
          </td>
          <td>
            <p>颜色：米色</p>
            <p>尺码：S</p>
          </td>
          <td>
            <p>1</p>
          </td>
          <td>
            <p>2015-12-12</p>
            <p>15:26:00</p>
          </td>
        </tr>
        <tr>
          <td>
            <p>在雨里</p>
            <span></span>
          </td>
          <td>
            <p>颜色：米色</p>
            <p>尺码：S</p>
          </td>
          <td>
            <p>1</p>
          </td>
          <td>
            <p>2015-12-14</p>
            <p>11:54:00</p>
          </td>
        </tr>
        <tr>
          <td>
            <p>燕三公子</p>
            <span></span>
          </td>
          <td>
            <p>颜色：墨黑</p>
            <p>尺码：S</p>
          </td>
          <td>
            <p>1</p>
          </td>
          <td>
            <p>2015-12-14</p>
            <p>14:46:00</p>
          </td>
        </tr>
        <tr>
          <td>
            <p>水瓶座</p>
            <span></span>
          </td>
          <td>
            <p>颜色：米色</p>
            <p>尺码：S</p>
          </td>
          <td>
            <p>1</p>
          </td>
          <td>
            <p>2015-12-13</p>
            <p>08:23:00</p>
          </td>
        </tr>
        <tr>
          <td>
            <p>灿烂千阳</p>
            <span></span>
          </td>
          <td>
            <p>颜色：米色</p>
            <p>尺码：S</p>
          </td>
          <td>
            <p>1</p>
          </td>
          <td>
            <p>2015-12-12</p>
            <p>15:26:00</p>
          </td>
        </tr>
        <tr>
          <td>
            <p>在雨里</p>
            <span></span>
          </td>
          <td>
            <p>颜色：米色</p>
            <p>尺码：S</p>
          </td>
          <td>
            <p>1</p>
          </td>
          <td>
            <p>2015-12-14</p>
            <p>11:54:00</p>
          </td>
        </tr>
        <tr>
          <td>
            <p>燕三公子</p>
            <span></span>
          </td>
          <td>
            <p>颜色：墨黑</p>
            <p>尺码：S</p>
          </td>
          <td>
            <p>1</p>
          </td>
          <td>
            <p>2015-12-14</p>
            <p>14:46:00</p>
          </td>
        </tr>

        </tbody></table>
      <div class="more">
        <a href="#">查看更多成交记录~ ~ ~</a>
      </div>
    </div>
  </div>
</template>

<script>
    export default {
    }
</script>

<style scoped>
	 header{
    border-color: #111;
    background-color: #581513;
    color: #fff;
  }
   .kong{
    height:40px;
    position: relative;
  }
  .table{
    /*position: fixed;*/
    top: 48px;
    left: 0px;
    height: 30px;
    width: 100%;
    background-color: #f6e0c2;
    z-index: 9999;
    font-size: 0px;
    letter-spacing: 0px;
  }
  .xq{
    display: inline-block;
    vertical-align: top;
    font-size: 12px;
    height: 30px;
    line-height: 30px;
    color: #39191a;
    width: 33.33%;
    text-align: center;
    position: relative;
  }
  .mint-header {
    background-color: #581513;
}
  .bargain-content {
    width: 100%;
    height: 600px;
    background-color: #fef5e8;
  }
  table {
    display: table;
    border-spacing: 2px;
    border-color: grey;
  }
  tbody {
    display: table-row-group;
    vertical-align: middle;
    border-color: inherit;
  }
  td {
    margin: 0;
    padding: 0;
  }
  .bargain-table {
    width: 100%;
  }
  .bargain-table tr {
    width: 100%;
    height: 43px;
    border-bottom: 1px solid rgba(0,0,0,0.2);
    box-sizing: border-box;
  }
  .bargain-table tr td:nth-child(1) {
    width: 25%;
    padding-left: 10px;
    box-sizing: border-box;
    font-size: 12px;
    color: #333333;
    line-height: 43px;
  }
  .bargain-table tr td:nth-child(2) {
    width: 30%;
    font-size: 10px;
    line-height: 16px;
    padding-top: 5px;
    color: #8e8e8e;
  }
  .bargain-table tr td:nth-child(3) {
    width: 15%;
    font-size: 10px;
    line-height: 43px;
    color: #8e8e8e;
    height: 43px;
    text-align: center;
  }
  .bargain-table tr td:nth-child(4) {
    width: 30%;
    font-size: 10px;
    line-height: 16px;
    padding-top: 5px;
    color: #8e8e8e;
  }
</style>
